<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<!-- 使用name作为标记 -->
<a name="top">顶部</a>

<!-- a标签
href: (必填),表示要跳转到那个页面
target: 表示窗口在哪里打开
    _blank  在新标签中打开
    _self  在自己的网页中打开

-->
<a href="3.图像标签.html" target="_blank">小女友页面</a>
<a href="https://www.baidu.com" target="_self">百度页面</a>

<br>

<!-- 图像超链接，把图像做成超链接，可以点击图像 -->
<a href="3.图像标签.html">
    <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="200" height="200">
</a>

<p>
    <a href="3.图像标签.html">
        <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="800" height="800">
    </a>
</p>
<p>
    <a href="3.图像标签.html">
        <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="800" height="800">
    </a>
</p>
<p>
    <a href="3.图像标签.html">
        <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="800" height="800">
    </a>
</p>
<p>
    <a href="3.图像标签.html">
        <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="800" height="800">
    </a>
</p>
<p>
    <a href="3.图像标签.html">
        <img src="../resources/image/头像.jpg" alt="你的小女友" title="孩子名想好了没" width="800" height="800">
    </a>
</p>

<hr/>

<!-- 锚链接
1.需要一个锚标记
2.跳转到标记
-->

<!-- 跳转到标记位置 -->
<a href="#top">回到顶部</a>
<br>
<a name="down">底部</a>

<hr/>

<!-- 功能性链接
邮件链接: mailto
QQ链接:
-->
<a href="mailto:15690826162@163.com">点击联系我</a>

</body>
</html>